<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body class="soye-hui">
      <div  class="dsk-mains">
      <!-- 未提交 -->
        <div class="dsk-top">
          <img src="img/btn-daishangkan.png" class="dsk-top-img">
          <p class="dsk-top-ps">待上刊</p>
          <p class="dsk-top-ps">请在规定时间内完成上刊，逾期自动失效</p>
          <div class="dsk-top-butt">完成上刊</div>
          <p class="dsk-top-ps2">取消任务</p>
        </div>
      <!-- 上刊审核中 -->
        <div class="dsk-top" style="display: none;">
          <img src="img/btn-daishangkan.png" class="dsk-top-img">
          <p class="dsk-top-ps">待上刊</p>
          <p class="dsk-top-ps">上刊审核中，请耐心等待。</p>
          <div class="dsk-che-list">
            <div class="border">
              <ul class="list-nav">
                <li>
                  <div class="nav-ps">左侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>
                <li>
                  <div class="nav-ps">右侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>
                <li>
                  <div class="nav-ps">左侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>                            
              </ul>  
              <div class="nv-tu">
                <img src="img/btn_shenhejiantou.png">   
              </div>       
            </div>
          </div>
        </div> 
      <!-- 上刊审核被拒 -->
        <div class="dsk-top" style="display: none;">
          <img src="img/btn-daishangkan.png" class="dsk-top-img">
          <p class="dsk-top-ps">待上刊</p>
          <p class="dsk-top-ps">上刊审不通过，请<i>重新提交</i></p>
          <p class="dsk-top-ps dsk-top-pst">不通过原因：你的车过于炫酷，无法体现本品牌的身份</p>

          <div class="dsk-che-list">
            <div class="border">
              <ul class="list-nav">
                <li>
                  <div class="nav-ps">左侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>
                <li>
                  <div class="nav-ps">右侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>
                <li>
                  <div class="nav-ps">左侧车身照</div>
                  <img src="img/tu1.jpg" class="img">
                </li>                            
              </ul>  
              <div class="nv-tu">
                <img src="img/btn_shenhejiantou.png">   
              </div>       
            </div>
          </div>
        </div>                          
        <ul class="dsk-center">
          <li class="li1">
            <img src="img/tu1.jpg" class="li1-ce-img"> 
            <p class="li1-ce-ps">任务名称任务名称任务名称任务名称任务名称任务名称任务名称任务。</p>
          </li>
          <li>
            <div class="cen-left">上刊部位</div>
            <div class="cen-rig"><i>侧面</i><i>背面</i></div>
          </li>
          <li>
            <div class="cen-left">展示时长</div>
            <div class="cen-rig">3周</div>
          </li> 
          <li>
            <div class="cen-left">酬金</div>
            <div class="cen-rig cen-rig-money">200.00</div>
          </li>
          <li>
            <div class="cen-left">上刊时间</div>
            <div class="cen-rig">2018.05.04-2018.05.09</div>
          </li>
          <li class="li2">
            <div class="cen-left">任务说明</div>
            <div class="cen-rig">任务从5.4号开始，每7天提交一次审核，逾期不提交审核，任务将失效，无法获得酬金</div>
          </li>                                                                      
        </ul>
        <div class="dsk-skwd">
          <div class="skwd-zuo">
            <img src="img/btn_shangkan.png" class="zuo-img">
            <div class="zuo-wz">上刊网点</div>
          </div>
          <div class="skwd-zhong">
            <p class="ps1">门店名称门店名称门店</p>
            <p class="ps2">浙江省杭州市滨江区高新技术软件园55大楼</p>
          </div>
          <div class="skwd-you">
            <img src="img/btn_zixun.png" class="y-img">
          </div>
        </div>
        <div class="dsk-bottom">
          <p class="dsk-bot-ps">抢单号：5888879546</p>
          <p class="dsk-bot-ps">抢单时间：2018-09-09 12:30:09</p>
        </div>
      </div>
      <!-- 弹框 -->
      <div class="dsk-fixed" style="display: none;"></div>
      <div class="dks-fixed-zt" style="display: none;">
        <p class="dks-zj-bs">取消任务，您将无法获得酬金哦！<br>确定取消么？</p>
        <ul class="dks-fex-nav">
          <li class="q-li">取消</li>
          <li>确定</li>
        </ul>
      </div>
    </body>
</html>
